/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

:root {
    --jpe-TitleBar-height-linux: var(--jp-private-menubar-height);
    --jpe-TitleBar-height-mac: 15px;
    --jpe-TitleBar-height-windows: var(--jp-private-menubar-height);
}

/* Set top panel height based on the platform */
.jpe-TitleBar-body.jpe-mod-linux, #jp-top-panel.jpe-mod-linux {
    min-height: var(--jpe-TitleBar-height-linux);
    height: var(--jpe-TitleBar-height-linux);
}

.jpe-TitleBar-body.jpe-mod-windows, #jp-top-panel.jpe-mod-windows {
    min-height: var(--jpe-TitleBar-height-windows);
    height: var(--jpe-TitleBar-height-windows);
}
/*--------------------------------------------*/

#jpe-TitleBar-widget {
    flex-grow: 1;
    height: 100%;
}

.jpe-TitleBar-body {
    position: relative;
    background-color: #ffffff;
    -webkit-app-region: drag;
}

.jpe-TitleBar-body.jpe-mod-windows {
    justify-content: flex-end;
}

.jpe-TitleBar-button-container {
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.jpe-TitleBar-button-container.jpe-mod-linux {
    display: none;
}

.jpe-TitleBar-button-container.jpe-mod-windows {
    float: right;
}

.jpe-TitleBar-button.jpe-mod-windows {
    height: 100%;
    width: 44px;
    -webkit-app-region: no-drag;
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
}

.jpe-TitleBar-button.jpe-mod-windows:hover {
    background-color: #E0E0E0;
}

.jpe-TitleBar-close.jpe-mod-windows {
    background-image: url('../img/close.svg');
}

.jpe-TitleBar-close.jpe-mod-windows:hover {
    background-color: #EF5350;
    background-image: url('../img/close-hover.svg');
}

.jpe-TitleBar-min.jpe-mod-windows {
    background-image: url('../img/minimize.svg');
}

.jpe-TitleBar-min.jpe-mod-windows:hover {
    background-image: url('../img/minimize-hover.svg');
}

.jpe-TitleBar-max.jpe-mod-windows {
    background-image: url('../img/expand.svg');
}

.jpe-TitleBar-max.jpe-mod-windows:hover {
    background-image: url('../img/expand-hover.svg');
}

.jpe-TitleBar-restore.jpe-mod-windows {
    background-image: url('../img/restore-icon.svg');
}

.jpe-TitleBar-restore.jpe-mod-windows:hover {
    background-image: url('../img/restore-hover.svg');
}